<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/register.js"></script>
</head>
<body>
<!--nav-->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <img class="navbar-brand" src="../img/logo-removebg-preview.png" class="logo" >
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class=""><a href="../index.html">精选<span class="sr-only">(current)</span></a></li>
                <li><a href="#">热门</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">分类 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left" id="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="">
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="login.html">登录</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<!--register-->
<div class="container register">

    <!--注册表单-->
    <div class="row" >
        <div class="col-md-8 col-md-offset-2 shadowBorder" style="background-color: white " id="registerRow">
            <!--    注册会员字样        -->
            <div class="row " >
                <div class="col-md-4 col-md-offset-2">
                    <font color="#1b6d85" size="4" >会员注册</font>
                </div>
            </div>

            <!--    表单主体        -->
            <form class="form-horizontal form" style="background-color: white" onsubmit="return checkForm()">
                <div class="form-group" id="accountDiv">
                    <label class="col-sm-2 col-sm-offset-1 control-label" id="AccountLabel1">注册账户</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" name="account" id="inputaccount" placeholder="Account">
                    </div>
                    <label class="col-sm-2 control-label" id="accountLabel2" ></label>
                </div>

                <div class="form-group" id="passwordDiv">
                    <label  class="col-sm-2 col-sm-offset-1 control-label">注册密码</label>
                    <div class="col-sm-6">
                        <input type="password" class="form-control" name="password" id="inputpassword" placeholder="Password">
                    </div>
                    <label  class="col-sm-2 control-label" id="passwordLabel2" ></label>
                </div>

                <div class="form-group" id="repasswordDiv">
                    <label  class="col-sm-2 col-sm-offset-1 control-label">确定密码</label>
                    <div class="col-sm-6">
                        <input type="password" class="form-control" name="re_password" id="inputrepassword" placeholder="Password">
                    </div>
                    <label  class="col-sm-2 control-label" id="repasswordLabel2"></label>
                </div>


                <div class="form-group">
                    <label  class="col-sm-2 col-sm-offset-1 control-label">邮箱</label>
                    <div class="col-sm-6">
                        <input type="email" class="form-control" name="Email" id="Email" placeholder="Email">
                    </div>
                </div>

                <div class="form-group">
                    <label  class="col-sm-2 col-sm-offset-1 control-label">性别</label>
                    <div class="col-sm-6" style="margin-top: 7px">
                        <input type="radio"  name="gender" id="gender1" value="man" checked="checked" >男
                        <input type="radio"  name="gender" id="gender2" value="woman" >女
                    </div>
                </div>



                <div class="form-group">
                    <div class="col-sm-offset-3 col-sm-10">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox">记住我
                            </label>
                        </div>
                    </div>
                </div>


                <div class="form-group">
                    <div class="col-sm-offset-3 col-sm-10">
                        <button type="submit" class="btn btn-default btn-danger btn-lg"> 注 册 </button>
                    </div>
                </div>
            </form>

        </div>

    </div>

</div>
<!--footer-->
<footer class="container-fluid footer" style="margin-bottom: 0px">
    <div class="row company text-center" >
        XXXX股份有限公司 版权所有Copyright 2022-2022, All Rights Reserved 苏ICP备XXXXXXX
    </div>

</footer>
<style>
    #search {
        position: relative;
        left: 100px;
    }

    .register{
        margin-top: 60px;
    }

    .shadowBorder{
        margin-top: 20px;
        border-radius: 10px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    }

    .form{
        margin: 0 auto;
    }

    #registerRow{
        margin-top: 20px;
    }

    .formRow{
        border: #1b6d85 solid 1px;
    }

</style>
</body>
</html>
